<template>
	<!-- <div class="row justify-content-center">
		<div class="col-xxl-10">
			<div class="text-center">
				<h1 class="text-white mb-3" style="margin-top: 15px;">
					企业搜索
				</h1>
				<h5 class="text-white mb-4 fw-light">

				</h5>
				<div class="input-group w-50 m-auto"
					style="display: flex;align-items: center; justify-content: center;width: 500px;text-align: center;margin-left: 35%;">
					<input id="keyword" type="text" class="form-control form-control-lg"
						style="margin: 0 auto;height: 44px;" placeholder=" 请输入企业名称">
					<button id="searchButton" class="btn btn-success btn-lg" type="button"
						style=" background-image: linear-gradient(to right bottom,#409EFF, #3d5ae6, #9d73fa) !important;">
						搜索
					</button>
				</div>
			</div>
		</div>
	</div> -->
	<div class="col-lg-12">

		<div class="row">
			<div class="col-md-4 col-sm-6 col-xs-12">
				<section class="box has-border-left-3">
					<div class="content-body">
						<div class="uprofile-image mt-30">
							<img alt="" src="data/profile/user.png" class="img-responsive">
						</div>
						<div class="uprofile-name">
							<h3>
								<a href="#">Smith Wright</a>
								<span class="uprofile-status online"></span>
							</h3>
							<p class="uprofile-title"> Trader</p>
						</div>
						<div class="uprofile-info">
							<ul class="list-unstyled">
								<li><i class='fa fa-home'></i> New York, USA</li>
								<li><i class='fa fa-user'></i> 340 Contacts</li>
								<li><i class='fa fa-suitcase'></i> Tech Lead, YIAM</li>
							</ul>
						</div>
						<div class="uprofile-buttons">
							<a class="btn btn-md btn-primary">Send Message</a>
							<a class="btn btn-md btn-primary">Add as Friend</a>
						</div>
						<div class=" uprofile-social no-mb">

							<a href="#" class="btn btn-primary btn-md facebook"><i
									class="fa fa-facebook icon-xs"></i></a>
							<a href="#" class="btn btn-primary btn-md twitter"><i class="fa fa-twitter icon-xs"></i></a>
							<a href="#" class="btn btn-primary btn-md google-plus"><i
									class="fa fa-google-plus icon-xs"></i></a>
							<a href="" class="btn btn-primary btn-md dribbble"><i
									class="fa fa-dribbble icon-xs"></i></a>

						</div>

					</div>
				</section>
			</div>
			<div class="col-md-8 col-sm-6 col-xs-12">
				<section class="box has-border-left-3">
					<div class="content-body">
						<div class="body-head">
							<div class="col-xxl-10">
								<div class="search-box">
									<h1 class="text-white mb-3">
										企业搜索
									</h1>
									<div class="search-input">
										<input id="keyword" type="text" class="form-control form-control-lg"
											style="margin: 0 auto;height: 44px;" placeholder=" 请输入企业名称">
										<button id="searchButton" class="btn btn-success btn-lg" type="button"
											style=" background-image: linear-gradient(to right bottom,#409EFF, #3d5ae6, #9d73fa) !important;">
											搜索
										</button>
									</div>
								</div>
							</div>
						</div>

						<!-- <ul class="nav nav-tabs">
							<li class="active">
								<a href="#home-3" data-toggle="tab">
									基本信息
								</a>
							</li>
							<li>
								<a href="#profile-3" data-toggle="tab">
									资质荣誉
								</a>
							</li>
							<li>
								<a href="#profile-3" data-toggle="tab">
									创新能力
								</a>
							</li>
							<li>
								<a href="#profile-3" data-toggle="tab">
									经营能力
								</a>
							</li>
							<li>
								<a href="#profile-3" data-toggle="tab">
									发展潜力
								</a>
							</li>
							<li>
								<a href="#profile-3" data-toggle="tab">
									社会贡献
								</a>
							</li>
							<li>
								<a href="#profile-3" data-toggle="tab">
									对外投资
								</a>
							</li>

						</ul>

						<div class="tab-content">
							<div class="tab-pane fade in active" id="home-3">

								<div>
									<div class="accordion-item">
										<h2 class="accordion-header" id="panelsStayOpen-headingOne">
											基本信息
										</h2>
										<el-card shadow="never">
											<el-row :gutter="2" style="height:33px;">
												<el-col :lg="8">
													<el-form-item label="社会信用代码" prop="credit_no">
													</el-form-item>
												</el-col>
												<el-col :lg="8">
													<el-form-item label="企业法人" prop="oper_name">
													</el-form-item>
												</el-col>
												<el-col :lg="8">
													<el-form-item label="企业编码" prop="dbcode">
													</el-form-item>
												</el-col>
											</el-row>
											<el-row :gutter="2" style="height:33px;">
												<el-col :lg="8">
													<el-form-item label="注册时间" prop="status">
													</el-form-item>
												</el-col>
												<el-col :lg="8">
													<el-form-item label="注册资金" prop="regist_capi">
													</el-form-item>
												</el-col>
												<el-col :lg="8">
													<el-form-item label="联系方式" prop="telephones">
													</el-form-item>
												</el-col>
											</el-row>
											<el-row :gutter="2" style="height:33px;">
												<el-col :lg="8">
													<el-form-item label="经营状态" prop="status">
													</el-form-item>
												</el-col>
												<el-col :lg="8">
													<el-form-item label="公众号" prop="wx_no">
													</el-form-item>
												</el-col>
												<el-col :lg="8">
													<el-form-item label="官网地址" prop="website">
													</el-form-item>
												</el-col>
											</el-row>
											<el-row :gutter="2" style="height: 33px;">
												<el-col :lg="24">
													<el-form-item label="企业性质" prop="category">
													</el-form-item>
												</el-col>
											</el-row>
											<el-row :gutter="2" style="height:33px;">
												<el-col :lg="24">
													<el-form-item label="注册地址" prop="reg_area">
													</el-form-item>
												</el-col>
											</el-row>
										</el-card>
									</div>

								</div>
							</div>
							<div class="tab-pane fade" id="profile-3">

								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam deleniti debitis eius
									accusantium minima. Neque facilis sed ducimus inventore quaerat, dolorum suscipit,
									tenetur, aliquam reiciendis aliquid ipsam doloremque quasi, expedita?</p>

							</div>

						</div> -->
						<el-tabs type="border-card">
							<el-tab-pane label="基本信息">
								<div>
									<div class="accordion-item">
										<h2 class="accordion-header" id="panelsStayOpen-headingOne">
											基本信息
										</h2>
										<el-card shadow="never">
											<el-row :gutter="2" style="height:33px;">
												<el-col :lg="8">
													<el-form-item label="社会信用代码" prop="credit_no">
													</el-form-item>
												</el-col>
												<el-col :lg="8">
													<el-form-item label="企业法人" prop="oper_name">
													</el-form-item>
												</el-col>
												<el-col :lg="8">
													<el-form-item label="企业编码" prop="dbcode">
													</el-form-item>
												</el-col>
											</el-row>
											<el-row :gutter="2" style="height:33px;">
												<el-col :lg="8">
													<el-form-item label="注册时间" prop="status">
													</el-form-item>
												</el-col>
												<el-col :lg="8">
													<el-form-item label="注册资金" prop="regist_capi">
													</el-form-item>
												</el-col>
												<el-col :lg="8">
													<el-form-item label="联系方式" prop="telephones">
													</el-form-item>
												</el-col>
											</el-row>
											<el-row :gutter="2" style="height:33px;">
												<el-col :lg="8">
													<el-form-item label="经营状态" prop="status">
													</el-form-item>
												</el-col>
												<el-col :lg="8">
													<el-form-item label="公众号" prop="wx_no">
													</el-form-item>
												</el-col>
												<el-col :lg="8">
													<el-form-item label="官网地址" prop="website">
													</el-form-item>
												</el-col>
											</el-row>
											<el-row :gutter="2" style="height: 33px;">
												<el-col :lg="24">
													<el-form-item label="企业性质" prop="category">
													</el-form-item>
												</el-col>
											</el-row>
											<el-row :gutter="2" style="height:33px;">
												<el-col :lg="24">
													<el-form-item label="注册地址" prop="reg_area">
													</el-form-item>
												</el-col>
											</el-row>
										</el-card>
									</div>
								</div>
							</el-tab-pane>
							<el-tab-pane label="荣誉资质">
								<div class="accordion-item">
									<h2 class="accordion-header" id="panelsStayOpen-headingOne">
										荣誉资质
									</h2>
								</div>
							</el-tab-pane>
							<el-tab-pane label="创新能力">
								<div class="accordion-item">
									<h2 class="accordion-header" id="panelsStayOpen-headingOne">
										创新能力
									</h2>
								</div>
							</el-tab-pane>
							<el-tab-pane label="经营能力">
								<div class="accordion-item">
									<h2 class="accordion-header" id="panelsStayOpen-headingOne">
										经营能力
									</h2>
								</div>
							</el-tab-pane>
							<el-tab-pane label="发展潜力">
								<div class="accordion-item">
									<h2 class="accordion-header" id="panelsStayOpen-headingOne">
										发展潜力
									</h2>
								</div>
							</el-tab-pane>
							<el-tab-pane label="社会贡献">
								<div class="accordion-item">
									<h2 class="accordion-header" id="panelsStayOpen-headingOne">
										社会贡献
									</h2>
								</div>
							</el-tab-pane>
							<el-tab-pane label="对外投资">
								<div class="accordion-item">
									<h2 class="accordion-header" id="panelsStayOpen-headingOne">
										对外投资
									</h2>
								</div>
							</el-tab-pane>
						</el-tabs>
					</div>
				</section>
			</div>
		</div>
	</div>
</template>

<script>




</script>

<style scoped lang="scss">
@import "@/views/personalCenter/css/index.css";

.blue_font {
	display: inline;
	color: #398ee5;
	font-family: "Times New Roman";
}

.row {
	width: 98%;
	margin: 30px auto;
}

section .content-body {
	padding: 30px;
	height: 650px;
}

h2 {
	margin-bottom: 20px;
}

h1 {
	margin-bottom: 20px;
	text-align: center;
}

.accordion-item {
	margin: 20px;
}

.body-head {
	margin: 30px 0;
}

.search-input {
	display: flex;
}

::v-deep .el-form-item__label {
	background: #409EFF;
	padding: 0px !important;
	color: #fff;
	width: 104px;
	text-align: center;
	display: flex;
	justify-content: center;
	font-weight: 600;
}

::v-deep .el-form-item__content {
	background: #ebf5ff;
	padding: 0 10px;
	font-size: 13px;
}
</style>